@import url("https://fonts.googleapis.com/css?family=Press+Start+2P");

body {
  margin: 0;
  font-family: "Press Start 2P", cursive;
  font-size: 2em;
  color: rgb(158, 149, 149);
}
button {
  outline: none;
  cursor: pointer;
}
#counter {
  position: absolute;
  left: 40%;
  top: 50px;
  text-align: center;
  color: black;
  font-size: 24px;
}
#tableWrapper {
  display: none;
  align-items: center;
  justify-content: center;
}
#spantext {
  position: absolute;
  font-size: 28px;
  color: #000;
}
#end {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
}
#end button {
  background-color: red;
  padding: 20px 50px 20px 50px;
  font-family: inherit;
  font-size: inherit;
}
#controlls {
  min-width: 100%;
  min-height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
#controlls div {
  margin-bottom: 20px;
  font-size: 0;
  max-width: 180px;
}
#controlls button {
  width: 50px;
  font-family: inherit;
  font-size: 30px;
  border: 3px solid white;
  color: white;
  background-color: transparent;
  margin: 5px;
}
#controlls button:first-of-type {
  width: 170px;
}

/*时间播放控件*/
#ibv-timeplayer {
  width: auto;
  position: absolute;
  bottom: 80px;
  left: 100px;
  z-index: 11000;
  display: "block";
  margin-left: 50px;
}
#ibv-timeplayer-controller {
  float: left;
  width: 200px;
}
#ibv-timeplayer-slider .slider-selection {
  background: #bababa;
}
.c {
  color: "#000000";
}
#ex1Slider {
  width: 800px;
  float: left;
  cursor: default;
}
#ibv-timeplayer-play {
  margin-left: 20px;
  width: 20px;
  height: 20px;
  background-image: url("../assets/image/timeplayer/play.png");
  background-size: 100%;
  float: left;
  cursor: pointer;
}
#ibv-timeplayer-play:hover {
  background-image: url("../assets/image/timeplayer/play-h.png");
}
#ibv-timeplayer-speeddown {
  margin-left: 20px;
  width: 20px;
  height: 20px;
  background-image: url("../assets/image/timeplayer/speeddown.png");
  background-size: 100%;
  float: left;
  cursor: pointer;
}
#ibv-timeplayer-speeddown:hover {
  background-image: url("../assets/image/timeplayer/speeddown-h.png");
}
#ibv-timeplayer-speedtext {
  margin-left: 20px;
  width: 20px;
  height: 20px;
  color: #eb5534;
  text-align: center;
  line-height: 20px;
  float: left;
  font-size: x-large;
  /*display: inline;*/
}
#ibv-timeplayer-speedup {
  margin-left: 20px;
  width: 20px;
  height: 20px;
  background-image: url("../assets/image/timeplayer/speedup.png");
  background-size: 100%;
  float: left;
  cursor: pointer;
  /*display: inline;*/
}
#ibv-timeplayer-speedup:hover {
  background-image: url("../assets/image/timeplayer/speedup-h.png");
}
#ibv-timeplayer-timer {
  margin-left: 20px;
  width: 20px;
  height: 20px;
  float: left;
  display: inline;
}

#ex1Slider .slider-selection {
  background: #bababa;
}

.slider-tick-label {
  padding-top: 4px;
  display: inline-block;
  text-align: center;
  color: black;
}
